<!DOCTYPE html>
<html lang="en">

<!-- Mirrored from demo.sucaihuo.com/modals/31/3185/demo/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 18 Sep 2023 07:45:37 GMT -->
<head>
    <meta charset="utf-8">
    <title>河南誉达信息技术有限公司</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="css/jquery.fullPage.css">
    <link rel="stylesheet" href="css/css.css">
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link rel="stylesheet" type="text/css" href="css/ie-css3.html"/>
    <link rel="shortcut icon" href="favicon.html"/>
    <script src="js/jquery-1.7.2.min.js"></script>
    <script src="js/jquery.fullPage.min.js"></script>
    <script src="js/index.js"></script>
    <script src="js/layer.js"></script>
    <script src="js/nav.js"></script>
    <script src="js/lte-ie7.js"></script>
    <!--[if lte IE 7]>
    <script src="js/lte-ie7.js"></script><![endif]-->
    <script>
        $(function () {
            $(".nav .move").width($(".nav li").eq(0).width());
            $('.nav').mouseleave(function (event) {
                $(".nav .move").animate({'left': 0}, 500);
                $(".nav .move").width($(".nav li").eq(0).width());
            });
        });
    </script>
	
	<style>
		.section5_contact_footer dl dd a{
			color: white;
		}
	</style>
</head>

<body>
<div class="danghang">
    <div class="wrap_top">
        <div class="logo">
            <h1><a href="#" title="欢迎来到河南誉达"><img src="images/logo.png"/></a></h1>
        </div>
        <div class="nav">
            <ul>
                <li class="nav_1"><a href="index.html"></a></li>
                <li class="nav_2"><a href="advantage.html"></a></li>
                <li class="nav_3"><a href="service.html"></a></li>
                <li class="nav_4"><a href="#page3"></a></li>
                <li class="nav_5"><a href="#page5"></a></li>
                <li class="nav_6" style="margin:0;"><a href="#page4"></a></li>
            </ul>
            <div class="move"></div>
        </div>
    </div>
</div>

<div id="dowebok">

    <!--第一屏开始-->
    <div class="section section1">


        <ul class="ban_img">
            <li class="no1">
                <img class="ban_text_1" src="images/icon4.png"/>
                <img class="ban_text_2" src="images/icon5.png"/>
            </li>
            <li class="no2">
                <img class="ban_text_3" src="images/icon6.png"/>
            </li>
            <li class="no3">
                <img class="ban_text_4" src="images/icon7.png"/>
            </li>
            <li class="no4">
                <img class="ban_text_5" src="images/icon8.png"/>
            </li>
        </ul>
        <div class="but_dian">
            <span class="current"></span>
            <span></span>
            <span></span>
            <span style="margin:0;"></span>
        </div>
        <div class="icon_mouser">
            <span class="icon_top"></span>
            <a href="#page2"><span id="menu" data-menuanchor="page2" class="icon_bot"></span></a>
        </div>

    </div>

    <!--第一屏结束-->
    <!--第二屏开始-->


    <div class="section section2">
        <div class="section2_soluction">
            <div class="section2_soluction_top"><img src="images/icon17.png"></div>
            <div class="section2_soluction_nav">
                <div class="section2_soluction_m" style="margin-left:0;">
                    <div class="section2_soluction_nav_m circle effect6 scale_up">
                        <a>
                            <div class="img"><img src="images/icon27.png"></div>
                            <div class="info"><img src="images/icon18.png"></div>
                        </a>
                    </div>
                    <div class="text_b"><img src="images/icon19.png"></div>
                </div>

                <div class="section2_soluction_m">
                    <div class="section2_soluction_nav_m circle effect6 scale_up"><a>
                        <div class="img"><img src="images/icon20.png"></div>
                        <div class="info"><img src="images/icon24.png"></div>
                    </a>
                    </div>
                    <div><img src="images/icon21.png"></div>
                </div>

                <div class="section2_soluction_m" style="margin-right:0;">
                    <div class="section2_soluction_nav_m circle effect6 scale_up"><a>
                        <div class="img"><img src="images/icon22.png"></div>
                        <div class="info"><img src="images/icon25.png"></div>
                    </a>
                    </div>
                    <div><img src="images/icon23.png"></div>
                </div>
            </div>
            <div class="valigh-fix"></div>
        </div>
    </div>


    <!--第二屏结束-->
    <!--第三屏开始-->

    <div class="section section3">
        <div class="bs-example">
            <div class="section3_top" align="center">
                <img src="images/icon38.png">
            </div>

            <div class="row_left">
                <div class="col-sm-6">
                    <!-- normal -->
                    <div class="ih-item square effect13 left_to_right"><a href="http://www.hnydxxjs.cn:81/" target="_blank">
                        <div class="img"><img src="images/qiye.jpg" alt="img"></div>
                        <div class="info">
                            <div class="info-back">
                                <h3>企业信息完善系统</h3>
                                <p>本项目的建设目标明确，概括为实现自动化办公。真正做到“资源共享、便捷工作”。</p>
                            </div>
                        </div>
                    </a></div>
                    <!-- end normal -->
                </div>
                <div class="col-sm-6">
                    <!-- normal -->
                    <div class="ih-item square effect13 bottom_to_top"><a href="http://www.hnydxxjs.cn:8083/" target="_blank">
                        <div class="img"><img src="images/shuanglu.jpg" alt="img"></div>
                        <div class="info">
                            <div class="info-back">
                                <h3>双录系统</h3>
                                <p>银行面签利器,记录签约过程</p>
                            </div>
                        </div>
                    </a></div>
                    <!-- end normal -->
                </div>
                <div class="col-sm-6">
                    <!-- normal -->
                    <div class="ih-item square effect13 bottom_to_top"><a href="#">
                        <div class="img"><img src="images/dangan.jpg" alt="img"></div>
                        <div class="info">
                            <div class="info-back">
                                <h3>档案管理系统</h3>
                                <p>公司员工信息管理更智能</p>
                            </div>
                        </div>
                    </a></div>
                    <!-- end normal -->
                </div>
                <div class="col-sm-6">
                    <!-- normal -->
                    <div class="ih-item square effect13 right_to_left"><a href="http://www.hnydxxjs.cn:8082/" target="_blank">
                        <div class="img"><img src="images/choujiang.png" alt="img"></div>
                        <div class="info">
                            <div class="info-back">
                                <h3>年会抽奖</h3>
                                <p>好运转转转</p>
                            </div>
                        </div>
                    </a></div>
                    <!-- end normal -->
                </div>
            </div>
            <div class="row_right">
                <div class="col-sm-6">
                    <!-- normal -->
                    <div class="ih-item square effect13 left_to_right"><a href="http://www.hnydxxjs.cn:8085/" target="_blank">
                        <div class="img"><img src="images/nianwei.png" alt="img"></div>
                        <div class="info">
                            <div class="info-back">
                                <h3>年味抽奖</h3>
                                <p>年味抽奖系统</p>
                            </div>
                        </div>
                    </a></div>
                    <!-- end normal -->
                </div>
                <div class="col-sm-6">
                    <!-- normal -->
                    <div class="ih-item square effect13 top_to_bottom"><a href="http://www.hnydxxjs.cn:8086/" target="_blank">
                        <div class="img"><img src="images/nianweikehu.png" alt="img"></div>
                        <div class="info">
                            <div class="info-back">
                                <h3>年味抽奖用户端</h3>
                                <p>年味抽奖用户端</p>
                            </div>
                        </div>
                    </a></div>
                    <!-- end normal -->
                </div>
                <div class="col-sm-6">
                    <!-- normal -->
                    <div class="ih-item square effect13 top_to_bottom"><a href="#">
                        <div class="img"><img src="images/nianweifenxiang.png" alt="img"></div>
                        <div class="info">
                            <div class="info-back">
                                <h3>晒年味</h3>
                                <p>微信扫一扫晒年味分享</p>
                            </div>
                        </div>
                    </a></div>
                    <!-- end normal -->
                </div>
                <div class="col-sm-6" style="margin-right:0;">
                    <!-- normal -->
                    <div class="ih-item square effect13 right_to_left"><a href="#">
                        <div class="img"><img src="images/img_15.jpg" alt="img"></div>
                        <div class="info">
                            <div class="info-back">
                                <h3>Heading here</h3>

                                <p>Description goes here</p>
                            </div>
                        </div>
                    </a></div>
                    <!-- end normal -->
                </div>
            </div>
            <div class="section3_foot">
                <img src="images/icon39.png">
            </div>

        </div>
    </div>


    <!--第三屏结束-->


    <!--第四屏开始-->
    <div class="section section4">
        <div class="section4">
            <div class="soluction">
                <div class="soluction_left">
                    <div class="soluction_left_line"></div>
                    <div class="soluction_left_nav">
                        <img class="soluction_left_nav1" src="images/icon11.png">
                        <img class="soluction_left_nav2" src="images/icon9.png">
                        <img class="soluction_left_nav3" src="images/icon10.png">
                    </div>
                    <img class="soluction_left_text" src="images/icon16.png">
                </div>

                <div class="soluction_middle">
                    <div class="soluction_middle_line"></div>
                    <div class="soluction_middle_text">
                        <h2>简介</h2>
                        <h3>
                            <center>河南誉达信息技术有限公司</center>
                        </h3>
                        <p>
                            以互联网、设计、传媒为主要业务专注于互联网设计和传播致力于实现设计艺术化，互联网专业化和传媒商业化为有长远发展的公司提供最合适的互联网服务。</p>
                        <p>
                            网络技术公司网服务有限公司,汇集顶尖人才，集结至尊智慧。独到的设计审美，深刻的互联网专业知识，丰富的网络营销经验,力争与客户需求相结合在广厦林立的互联网市场上一枝独秀,为客户提供“智慧、至尊”的互联网服务。成为互联网服务行业的标杆！</p>
                        <p></p>
                        <p></p>
                        <p></p>
                    </div>
                </div>

                <div class="soluction_right">
                    <div class="soluction_right_line"></div>
                    <div class="soluction_right_nav" style="margin-top: 0px;">
                        <h2 style="font-size: 24px;margin-top: 10px;color: #000;">资质荣誉</h2>
<!--                                         <div class="soluction_right_nav1"><img src="images/icon12.png" width="51"></div>-->
<!--                                         <div class="soluction_right_nav2"><img src="images/icon13.png" width="93"></div>-->
<!--                                     <div class="soluction_right_nav3">-->
<!--                                        <div class="soluction_right_nav3_img"><img src="images/icon14.png" width="75"></div>-->
<!--                                        <div class="soluction_right_nav3_img1"><img src="images/icon15.png" width="96"></div>-->
<!--                                     </div>-->

                                                <img id="ruanzhu1" class="soluction_left_nav1"  src="images/ruanzhu1.png" style="margin-top:19%;margin-left: 33%;width: 50%;max-height: 300px;">
                                                <img id="ruanzhu2" class="soluction_left_nav2"  src="images/ruanzhu3.png" style="margin-top:90%;max-height: 200px;width: 45%">
                                                <img id="ruanzhu3" class="soluction_left_nav3"  src="images/ruanzhu2.png" style="margin-top:79%;margin-left:-10%;max-height: 200px;width: 45%">

                                    </div>
<!--                        <div class="soluction_right_line1"></div>-->



                    </div>
                    </p>
                </div>


            </div>
        </div>


        <!--第四屏结束-->


        <!--第五屏开始-->
        <div class="section section5">
            <div class="section5_contact">

                <div class="section5_contact1 ">
                    <dl class="section5_contact_text">
                        <dt><img src="images/icon28.png"></dt>
                        <dt>河南誉达信息技术有限公司</dt>
                    </dl>
                    <dl class="section5_contact_we"><img src="images/icon32.png"></dl>
                </div>
                <div class="section5_contact_time">
                    <dl class="section5_time">
                        <dd class="section5_time_t">
                            <img class="section5_time_cir" src="images/icon48.png">
                            <img class="section5_time_s" src="images/icon34.png">
                            <img class="section5_time_s1" src="images/icon35.png">
                        </dd>

                        <dd class="time_c">
                            <img src="images/icon37.png">
                        </dd>
                        <dd class="time_b">
                            <img src="images/icon30.png">
                        </dd>
                    </dl>
                    <dl class="section5_tle"><img src="images/icon31.png"></dl>
                </div>


                <div class="section5_contact_qq"><img src="images/icon33.png" id="weixin2"></div>
                <div class="section5_contact_footer">
                    <dl>
                        <dd>中国河南</dd>
                        <dd>洛阳市洛龙区</dd>
                        <dd>正大国际东区</dd>
                        <dd>6号楼2720</dd>
                    </dl>
                    <dl>
                        <dd>©2017-2023 hnydxxjs.com</dd>
                        <dd>All Rights Reserved.</dd>
                        <dd><a href="https://beian.miit.gov.cn/" target="_blank">豫ICP备2021021642号-2</a></dd>
                        <dd><img src='images/备案图标.png' style="width: 16px; height: 17px;" />&nbsp;<a href="https://beian.mps.gov.cn/#/query/webSearch?code=41031102000726" rel="noreferrer" target="_blank">豫公网安备41031102000726</a></dd>
                    </dl>
                    <dl>
                        <dd>Tel：0379-63237668</dd>
                        <dd>Do You Best,Mutually Promote Symbiosis</dd>
                        <dd>hnydxxjs@126.com</dd>
                    </dl>
                </div>
            </div>

        </div>
    </div>
    <!--第五屏结束-->
    <!--左侧滚屏导航 开始-->

    <div class="tubiao_danghang">
        <ul id="menu">
            <li data-menuanchor="page1"><a href="#page1"></a></li>
            <li data-menuanchor="page2"><a href="#page2"></a></li>
            <li data-menuanchor="page3"><a href="#page3"></a></li>
            <li data-menuanchor="page4"><a href="#page4"></a></li>
            <li data-menuanchor="page5"><a href="#page5"></a></li>
        </ul>
    </div>
    <!--左侧滚屏导航 结束-->

    <!--右侧 开始-->
    <div class="tubiao_danghang1">
        <ul>
            <li><a>
                <div class="sidebox"  id="weixin"><img src="images/icon1.png" width="50" height="50" style="margin-left: 5px;"/>微信</div>
            </a></li>
            <!--       <li><a><div class="sidebox"><img src="images/icon2.png" width="60" height="40" />联系电话</div></a></li>-->
            <li><a href="#page1">
                <div class="sidebox"><img src="images/icon3.png" width="60" height="40"/>返回顶部</div>
            </a></li>
        </ul>
    </div>

    <script type="text/javascript">
        $(document).ready(function () {
            $(".tubiao_danghang1 ul li").hover(function () {
                $(this).find(".sidebox").stop().animate({"width": "150px"}, 200).css({
                    "opacity": "1",
                    "filter": "Alpha(opacity=100)",
                    "background": "#000",
                    "border-bottom-left-radius": "5px",
                    "border-top-left-radius": "5px",
                    "-moz-border-bottom-left-radius": "5px",
                    "-moz-border-top-left-radius": "5px",
                    "-webkit-border-bottom-left-radius": "5px",
                    "-webkit-border-top-left-radius": "5px",
                    "behavior": "url(css/ie-css3.htc)"
                })
            }, function () {
                $(this).find(".sidebox").stop().animate({"width": "60px"}, 200).css({
                    "opacity": "1",
                    "filter": "Alpha(opacity=100)",
                    "background": "none"
                })
            });

            $("#ruanzhu1").on('click', function(){
                layer.photos({
                    photos: {
                        "title": "软著",
                        "start": 0,
                        "data": [
                            {
                                "alt": "软著",
                                "pid": 5,
                                "src": "images/ruanzhu1.png",
                            }
                        ]
                    },
                    footer: true // 是否显示底部栏 --- 2.8.16+
                });
            });

            $("#ruanzhu2").on('click', function(){
                layer.photos({
                    photos: {
                        "title": "软著",
                        "start": 0,
                        "data": [
                            {
                                "alt": "软著",
                                "pid": 5,
                                "src": "images/ruanzhu2.png",
                            }
                        ]
                    },
                    footer: true // 是否显示底部栏 --- 2.8.16+
                });
            });

            $("#ruanzhu3").on('click', function(){
                layer.photos({
                    photos: {
                        "title": "软著",
                        "start": 0,
                        "data": [
                            {
                                "alt": "软著",
                                "pid": 5,
                                "src": "images/ruanzhu3.png",
                            }
                        ]
                    },
                    footer: true // 是否显示底部栏 --- 2.8.16+
                });
            });

            $("#weixin,#weixin2").on('click', function(){
                layer.photos({
                    photos: {
                        "title": "微信",
                        "start": 0,
                        "data": [
                            {
                                "alt": "微信",
                                "pid": 5,
                                "src": "images/weixin.jpg",
                            }
                        ]
                    },
                    footer: true // 是否显示底部栏 --- 2.8.16+
                });
            });
			

        });
    </script>

    <!--右侧 结束-->

</body>

<!-- Mirrored from demo.sucaihuo.com/modals/31/3185/demo/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 18 Sep 2023 07:46:21 GMT -->
</html>
